<div id="editToolbar">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/link.gif" alt="Anchor (ctrl+l)" title="Anchor (ctrl+l)" rel="anchor" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/copy.gif" alt="Copy (ctrl+c)" title="Copy (ctrl+c)" rel="copy" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/cut.gif" alt="Cut (ctrl+x)" title="Cut (ctrl+x)" rel="cut" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/hr.gif" alt="HR (ctrl + -)" title="HR (ctrl + -)" rel="hr" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/image.gif" alt="Image (ctrl+g)" title="Image (ctrl+g)" rel="img" height="20" width="20">

<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/removeformat.gif" alt="Strip Formatting (ctrl+\)" title="Strip Formatting (ctrl+\)" rel="stripTags" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/sub.gif" alt="Sub Text" title="Sub Text" rel="sub" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/sup.gif" alt="Super Text" title="Super Text" rel="sup" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/paragraph.gif" alt="Paragraph (ctrl+enter)" title="Paragraph (ctrl+enter)" rel="paragraph" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/bold.gif" alt="Bold (ctrl+b)" title="Bold (ctrl+b)" rel="bold" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/strikethrough.gif" alt="Strike (ctrl+k)" title="Strike (ctrl+k)" rel="strike" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/underline.gif" alt="Underline (ctrl+u)" title="Underline (ctrl+u)" rel="underline" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/italic.gif" alt="Italics (ctrl+i)" title="Italics (ctrl+i)" rel="italics" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/separator.gif" alt="|" height="20" width="2">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/bullist.gif" alt="Bullets (ctrl+8)" title="Bullets (ctrl+8)" rel="bullets" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/numlist.gif" alt="Numbered List (ctrl+=)" title="Numbered List (ctrl+=)" rel="numberList" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/separator.gif" alt="|" height="20" width="2">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/cleanup.gif" alt="Clean" rel="clean" height="20" width="20">
<img src="http://www.cnet.com/html/rb/assets/global/simple.editor/preview.png" alt="Preview" rel="preview" title="Preview" height="20" width="20">
</div>

<textarea name="content" cols="50" rows="15" class="resizable" id="simpleEditor" style="width: 364px; height: 200px;"></textarea>

<style>
#editToolbar {
	background: #ddd;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 20px;
	margin: 0px -9px 0px -1px;
	clear:both;
	width: 375px;
}
#editToolbar img { cursor: pointer; }
</style>